<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <!--准备一个容器-->
    <div id="root">
        单向数据绑定:<input type="text" v-bind:value="name">
        双向数据绑定:<input type="text" v-model:value="name">
        <br>
        <!--简写-->
        单向数据绑定:<input type="text" :value="name">
        双向数据绑定:<input type="text" v-model="name">
    </div>
    <script>
        Vue.config.productionTip=false//阻止vue启动时产生提示
        new Vue({
            el: "#root",
            data:{
                name:'cljh',
                x:{
                    name:666
                }
            }
        })
    </script>
</body>
</html>